<template>
  <div class="first-page">
    <router-link to="/firstpage">主页</router-link>
    <router-link to="/news">新闻</router-link>
    <router-link to="/sport">体育</router-link>
    <div>
      <!-- 一级路由出口 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style>
.first-page {
  margin-left: 10px;
}
.first-page a {
  text-decoration: none;
  margin: 10px;
  color: #333;
}
.router-link-exact-active,
.router-link-active {
  background-color: aquamarine;
}
</style>
